<template>
  <div class="head5">
    <span>可视化头部标题</span>
  </div>
</template>

<script>
export default {
    data() {
      return {

      }
    }
}
</script>

<style lang="less" scoped>
.head5 { height: 91px; text-align: center; background: url(~@/assets/images/head/head5/logo_bg.png) no-repeat center top; position: relative;}
.head5 span { display: inline-block; font-size: 36px; color: #fff; font-weight: 400; background-image:-webkit-linear-gradient(top,#fff,#c8ffff);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  line-height: 70px;
  letter-spacing: 4px;
  font-family: 'Microsoft YaHei'
}
</style>